@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0; vertical-align:middle;}
em{ font-style:normal;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;font-family:"microsoft yahei";}
textarea {-webkit-appearance: none;font-family:"microsoft yahei";} 
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{text-decoration:none;color:#616f7c;}
a:hover{color:#616f7c;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}



body{color:#616f7c;font: 12px/1.5 "Helvetica Neue",Verdana,Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; max-width: 640px;  margin: 0 auto;}
/*.grid{ width: 1200px; margin:0 auto; }*/
img{ max-width: 100%; }

/*header*/
#header{ height: 50px; width: 100%; max-width: 640px; position: absolute; top: 0; z-index: 10000; background: #55bfcc; text-align: center; }
#header .logo{ display: none; }
#header .mlogo{ display: inline-block; margin-top:8px; }
#header.header-fixed{position: fixed;box-shadow: rgba(53,83,110,.08) 1px 1px 5px,rgba(53,83,110,.08) -1px -1px 5px; }
#header .nav{ text-align: center; height: 100%; position: fixed; top: 50px; z-index: 1000; background: #2e373e; width: 40%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out; opacity:0;-webkit-transform: translateX(-100%); transform: translateX(-100%); }
#header .nav-show{opacity:1;-webkit-transform: translateX(0px); transform: translateX(0px);}
#header .nav li{ position: relative;}
#header .nav li>a{ display: block; color: #fff;font-size: 14px; white-space: normal; line-height:45px;}
#header .nav li>a:hover,#header .nav li>a.on{ background: #353f47; }
#header .nav li>a>i{  display: none; }
#header .nav .cir{  position: absolute; z-index: 100; right: 10%; top: 11px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out; font-style: normal;
    transform-origin: 50% 50%; }
#header .nav .cir:after{ content: '>'; font-family: '宋体';  font-size: 12px; font-weight: 700; color: #fff; }
#header .nav .cir_on{ transform:rotate(90deg); }

#header .dropdown{ position:absolute; top:15px; left: 15px; z-index: 100; display: block;  width:20px; height: 20px; font-family:"iconfont" !important; font-size: 0; text-align: left;}
#header .dropdown i,#header .dropdown:before,#header .dropdown:after{content: ''; width: 13px; height: 2px; background: #fff; display: inline-block; overflow: hidden; margin-bottom: 5px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
#header .dropdown:before{ content: ''; width: 18px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
#header .dropdown:after{ content: ''; width: 16px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
#header .dropdown-shut{ text-align: center; }
#header .dropdown-shut:after,#header .dropdown-shut:before{ background: #fff; width: 20px; height: 2px; position: absolute; z-index: 100;left:0; top: 8px; margin-bottom: 0;}
#header .dropdown-shut:after{-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#header .dropdown-shut:before{-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg); }
#header .dropdown-shut i{ opacity: 0; }
#header .dropdown-shut:before{content: "\e644"; color: #fff; }

#header .user{ position:absolute; top:5px; right: 5px; z-index: 100; display: block; width: 40px; height: 40px; background:  url(../images/global/user_icon.png) no-repeat center center; background-size: 50%;}



#header .nav-next{ background: #222b31; color: #fff; text-align: center; line-height:45px; display: none; }
#header .nav-next a{ display: block; color: #9198a1; }
#header .nav-next a:hover{  color: #fff; }
#header .nav-next a.on,#header .nav-next a::selection{background: #9198a1; color: #fff; }
.header_blank{ height: 50px; width: 100%; }



/*banner*/
.banner{  width: 100%; text-align: center; color: #717071; background: #fff; position: relative; z-index: 100; overflow: hidden; margin-bottom: 15px;}
.banner .slider li{ position: relative; }
.banner .slider .t{ display: none; }
.banner .slider li.swiper-slide-active .t{-webkit-animation:fadeInUp .5s ease-out 0.2s;animation:fadeInUp .5s ease-out 0.2s;}
.banner .prev,.banner .next{ position: absolute; z-index: 101; top: 50%; margin-top:-30px; left:0; width: 30px; height:50px;background: #6abce4; background: rgba(0,0,0,.2); display: inline-block; text-align: center;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.banner .next{ left: auto; right: 0; }
.banner .prev i,.banner .next i{ width: 7px; height: 12px; display: inline-block; overflow: hidden; margin-top:20px; }
.banner .prev i{ background-image: url(../images/index/prev_icon.png); background-repeat: no-repeat; background-position: center;  }
.banner .next i{ background-image: url(../images/index/next_icon.png); background-repeat: no-repeat; background-position: center;}
.banner .prev:hover,.banner .next:hover{background: #0f83f6;background:rgba(15,130,247,1); background:-moz-linear-gradient(to bottom, rgba(15,130,247,1), rgba(5, 210, 200,1)); background:-webkit-linear-gradient(to bottom, rgba(15,130,247,1), rgba(5, 210, 200,1)); background:-o-linear-gradient(to bottom, rgba(15,130,247,1), rgba(5, 210, 200,1));background:linear-gradient(to bottom, rgba(15,130,247,1), rgba(5, 210, 200,1)); box-shadow: rgba(15,130,247,.3) 2px 3px 15px,rgba(15,130,247,.3) -2px -3px 15px; }
.banner .b_nav{ text-align: center; position: absolute; z-index: 101; bottom:30px; left: 0; width: 100%; font-size: 0; }
.banner .b_nav a{ display: inline-block; font-size: 12px; color: #fff; padding: 0 10px; line-height: 20px; height: 20px;background: #6abce4; background: rgba(0,0,0,.2); margin:0 10px;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out; width: auto; border-radius: none;}
.banner .b_nav a.on,.banner .b_nav a:hover{background: #fff; background: rgba(255,255,255,1); color: #717071; position:relative; }
.banner .b_nav a.on i,.banner .b_nav a:hover i{width: 0;height: 0;border-left:5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff; position: absolute; top: -5px; left: 50%; margin-left: -5px; z-index: 101; display: inline-block; }


.banner .swiper-pagination{ text-align: center; position: absolute; z-index: 101; bottom:10px; left: 0; width: 100%; font-size: 0; }
.banner .swiper-pagination .swiper-pagination-bullet{ display: inline-block; font-size: 12px; color: #fff; padding: 0 5px; line-height: 20px; height: 20px;background: #6abce4; background: rgba(0,0,0,.2); margin:0 5px;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out; width: auto; border-radius: 0; opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active,.banner .swiper-pagination .swiper-pagination-bullet:hover{background: #fff; background: rgba(255,255,255,1); color: #717071; position:relative; }




/*main*/
.main{ overflow: hidden; }
.item-anmite{ zoom:1;-webkit-transition:.1s all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transform: translateY(100px); transform: translateY(100px);opacity: 0;}
.item-hover{-webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1;}
.index-item:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.index-item .title{ margin-bottom: 10px; text-align: center; position: relative;}
.index-item .title .t{ color: #c8c9ca; font-size:16px;margin-bottom: 5px;}
.index-item .title .line{ height:1px; display: block; position: relative;  margin: 0 auto; }
.index-item .title .line:after{ content: '';  position: absolute; top: -1px; left: 50%; margin-left: -20px; background: #c30d23; height: 3px; width: 40px;  }
.index-item .title .subs{ line-height: 2;  color: #595757; font-size:16px;}

.index-item1{ padding: 0 10px;}
.index-item1 .tabs{  display: none; }
.index-item1 .list02 .item{ position: relative; padding: 15px 0; overflow: hidden; }
.index-item1 .list02 .pic{ overflow: hidden;}
.index-item1 .list02 .text{float: left;  width: 50%;  position: relative; padding-right: 10px; box-sizing: border-box;}
.index-item1 .list02 .text-in{ vertical-align: middle; }
.index-item1 .list02 .item:nth-child(2n) .text{ float: right; padding-left: 10px; box-sizing: border-box; }
.index-item1 .list02 .ltitle{ color: #595757; font-size: 16px; font-weight: 700; }
.index-item1 .list02 .lsubs{ font-size: 12px; border-bottom: #e1e1e1 1px solid; text-transform:uppercase; padding-bottom:4px; margin-bottom:4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;  }
.index-item1 .list02 .ldetail{ color: #888; font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }

.index-item2{ background:url(../images/index/doctorgroup_bg.jpg) no-repeat center bottom #f8f8f6; background-size: 100%; padding: 15px 5px 30px; }
.index-item2 li{ float: left; margin: 0 1%; box-sizing: border-box; width: 31.333%; position: relative;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;overflow: hidden; }
.index-item2 .pic{ overflow: hidden; width: 100%; height: 100%; }
.index-item2 .pic img{-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.index-item2 .bottom{ position: absolute; z-index: 100; top:0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center;display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; }
.index-item2 .bottom:after{ content: ''; display: inline-block; background: rgba(15,124,132,0.4); z-index: -1; position: absolute; left: 0; bottom: 0; width: 100%; height:100%;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.index-item2 .bottom a{ color: #fff; }
.index-item2 .name{ font-size:16px; }
.index-item2 .subs{ font-size:12px; text-transform:uppercase; }
.index-item2 .detail{ display: none;}
.index-item2 a:hover .bottom:after{background: rgba(15,124,132,0.8);}
.index-item2 a:hover .pic img{ transform: scale(1.2); }

.index-item3{ background: #f5f5f5; padding: 15px 5px; }
.index-item3 .title .t{ letter-spacing: -2px;}
.index-item3 .title{ margin-bottom: 0; }
.index-item3 li{ float: left;  width:50%; position: relative; padding: 0 5px; box-sizing: border-box; margin-bottom: 10px; }
.index-item3 .nums{ display: none;}
.index-item3 .pic{ overflow: hidden;  }
.index-item3 .pic img{ width: 100%; }
.index-item3 .item{ background: #21a9b3; padding: 5px; overflow: hidden; font-size: 12px; color: #fff; }
.index-item3 .name{ font-size: 14px; text-align: center; margin-bottom: 5px; }
.index-item3 .item i{ width: 20px; height:20px; display: block; margin:10px auto;}
.index-item3 .icon01{ background: url(../images/index/advantage_icon01.png) no-repeat center center; background-size: 100%;}
.index-item3 .icon02{ background: url(../images/index/advantage_icon02.png) no-repeat center center; background-size: 100%;}
.index-item3 .icon03{ background: url(../images/index/advantage_icon03.png) no-repeat center center; background-size: 100%;}
.index-item3 .icon04{ background: url(../images/index/advantage_icon04.png) no-repeat center center; background-size: 100%;}
.index-item3 .icon05{ background: url(../images/index/advantage_icon05.png) no-repeat center center; background-size: 100%;}
.index-item3 .icon06{ background: url(../images/index/advantage_icon06.png) no-repeat center center; background-size: 100%;}
.index-item3 .detail{ font-size: 12px; text-align:justify; text-indent:14px; padding: 0 5px 5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.index-item3 li a{display: block;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.index-item3 li a:hover .item{ box-shadow: rgba(0,0,0,0.3) 1px 2px 5px,rgba(0,0,0,0.3) -1px -2px 5px; }

.index-item4{ background:url(../images/index/news_bg.jpg) no-repeat center bottom #fff; background-size: 100%; padding:15px 10px; }
.index-item4 .tabs{ overflow: hidden; }
.index-item4 .tabs li{ overflow: hidden; margin-bottom: 10px; }
.index-item4 .tabs .pic{ width: 120px; margin-right: 10px; float: left; }
.index-item4 .tabs .name{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #231815; }
.index-item4 .tabs .detail{ overflow: hidden; font-size: 12px; color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.index-item4 .video{position: relative; margin-bottom: 10px; }
.index-item4 .video .play{ width: 40px; height: 40px; display: inline-block; position: absolute; z-index: 100; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; background: url(../images/index/video_icon.png) no-repeat center center; background-size: 100%; }


/*footer*/
#footer{ background: #55b5c1; color: #fff; }
#footer a{color: #fff; }
#footer .topgrid{ overflow: hidden; }
#footer .adress{  padding: 15px 10px; box-sizing: border-box; border-bottom: #fff 1px solid; font-size: 12px; background: url(../images/global/map-bg.png) no-repeat 10% center; background-size: 50%;}
#footer .adress li{ margin-bottom:5px; }
#footer .adress i{ width: 20px; height: 20px;  display: inline-block; vertical-align: middle; margin-right: 5px; }
#footer .adress .icon01{ background: url(../images/global/adress-icon.png) no-repeat center center; background-size:15px;}
#footer .adress .icon02{ background: url(../images/global/tel-icon.png) no-repeat center center; background-size: 18px;}
#footer .adress .icon03{ background: url(../images/global/email-icon.png) no-repeat center center; background-size:20px;}
#footer .links{ overflow: hidden; padding: 0 10px; }
#footer .links dl{ padding:10px 5px; float: left;}
#footer .links dt{ font-size: 12px; font-weight: 700; }
#footer .code{ text-align: center; font-size: 12px; margin-bottom: 15px;}
#footer .code ul{ overflow: hidden; margin-bottom: 10px; }
#footer .code li{  display: inline-block; margin: 0 5px; }
#footer .code img{ width: 88px; }
#footer .friend{ padding: 15px 10px; font-size: 12px; }
#footer .copy{ background: #007788; padding: 20px 0; font-size: 12px; text-align: center; }


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }


@-webkit-keyframes sliderdown {
  0% {height:20px;}
  50%{height:30px;}
  100% {height:20px;}
}

@keyframes sliderdown {
  0% {height:20px;}
  50%{height:30px;}
  100% {height:20px;}
}


.group-banner{ overflow: hidden; width: 100%;  overflow: hidden; height:150px; }
.group-banner li,.group-banner ul{ height: 100%; width: 100%; background-position: center top -10px; background-repeat: no-repeat; position: relative; background-size:auto 100%; }
.group-banner .text{ position: absolute; left:60%; top: 20%; width: 40%; height: 100%; font-size: 14px; color: #fff;-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out; }
.group-banner .text b{ color: #54acb6; font-size: 20px; border-bottom: #54acb6 1px solid; display: inline-block; margin-bottom: 20px; }
.group-banner .text .c{ display: none; }
.group .item{ overflow: hidden; padding: 0 10px; }
.group .item .title{ text-align: center; color: #54acb6; font-size:15px; margin-bottom:10px; font-weight: 700; }
.group .item1{ margin-bottom: 15px; overflow: hidden;}
.group .item1 .img{ position: relative; margin-bottom: 15px; float: right; text-align: center;}
.group .item1 .img1{ display: none; }
.group .item1 .img p{ width:32%; height:32%; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; vertical-align: middle; color: #fff; font-size: 12px; position: absolute; z-index: 100; bottom: 0; right: 2%;}
.group .item1 .img p b{ font-size: 14px;  }
.group .item1 .img p span{ transform: scale(0.8); display: inline-block; }
.group .item1 .text{  color: #595757; font-size: 12px; line-height: 2; width: 100%; float: left; }
.group .item1 .indent{ text-indent: 28px; margin-bottom: 5px; }
.group .item2{ padding: 15px 10px; background: #efefef; }
.group .item2 .con{ overflow: hidden; position: relative; }
.group .item2 li{ float: left; background: #efefef; width: 33.333%; padding: 0 10px; box-sizing:border-box; position: relative; z-index: 101; text-align: center; color: #595757; font-size: 12px; margin-bottom: 10px; }
.group .item5 li{ width: 25%;}
.group .item2 li i{ width: 45px; height: 45px; display: inline-block;  }
.group .item2 .icon01{ background: url(../images/group/group_icon01.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon02{ background: url(../images/group/group_icon02.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon03{ background: url(../images/group/group_icon03.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon04{ background: url(../images/group/group_icon04.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon05{ background: url(../images/group/group_icon05.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon06{ background: url(../images/group/group_icon06.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon07{ background: url(../images/group/group_icon07.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon08{ background: url(../images/group/group_icon08.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon09{ background: url(../images/group/group_icon09.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon10{ background: url(../images/group/group_icon10.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon11{ background: url(../images/group/group_icon11.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon12{ background: url(../images/group/group_icon12.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon13{ background: url(../images/group/group_icon13.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon14{ background: url(../images/group/group_icon14.png) no-repeat center center; background-size: 100%; }
.group .item2 .icon15{ background: url(../images/group/group_icon15.png) no-repeat center center; background-size: 100%; }
.group .item3{ padding:15px 0; background: url(../images/group/group_bg.jpg) no-repeat center top;}
.group .item3 li{ float: left; width:50%; padding: 0 10px; margin-bottom: 10px; box-sizing: border-box; text-align: center; }
.group .item3 li .pic{ overflow: hidden; position: relative; margin-bottom: 5px;   }
.group .item3 li .name{ margin-bottom:5px; font-size: 12px; }

.group .item3 li a{display: block;-webkit-transition:all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.group .item3 li a:hover{  transform: translate(0,-20px);}

.product-banner{  }
.product-banner li{ position: relative; }
.product-banner .text{ position: absolute; left:0; top:15%; color: #fff;font-size: 14px;-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out; text-align: center; line-height: 1.5; width: 100%; }
.product .item1{ padding: 15px 10px; overflow: hidden; }
.product .item1 .title{ color: #323333; font-size: 16px; text-align: center; overflow: hidden; width:50%; margin: 0 auto 15px; padding: 5% 0;  background: url(../images/product/product_bg1.jpg) no-repeat center center; position: relative;}
.product .item1 .title:after{ content: ''; display: block; position: absolute; z-index: 10; background: #fff; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top: 8px; }
.product .item1 .title span{ position: relative; z-index: 11; }
.product .item1 .detail{ padding: 0 5%; text-align: justify; overflow: hidden;  font-size: 12px; color: #888888; box-sizing: border-box;margin-bottom: 10px;}
.product .item1 .detail br{ display: none; }
.product .item1 .img{ display:none;  }
.product .item1 .img2{ display: block; }
.product .item2{ overflow: hidden; position: relative; padding: 15px 10px; background: #f4f6f8;}
.product .item2 .img{ display: none; }
.product .item2 .detail{   font-size: 12px; color: #888888; text-align: justify;}
.product .item2 .title{ display: none; }
.product .new-pic{ width: 100%; margin-bottom: 10px;  }
.product .t{ font-weight: 700; font-size: 14px; margin-bottom: 5px; }
.product .con p{text-indent: 28px; margin-bottom: 5px;}


.product .item3{ padding:15px 10px; overflow: hidden; background: #fff; }
.product .item3 .img{overflow: hidden; }
.product .item3 .left{ padding: 0 10%; }
.product .item3 .title{ color: #323333; font-size:16px; margin-bottom: 10px; overflow: hidden; }
.product .item3 .detail p{ margin-bottom: 10px; }
.product .item3 .detail{ font-size: 12px; color: #888888; box-sizing: border-box; overflow: hidden; margin-bottom: 15px;}
.product .item3 .b_title{ font-size:16px; color: #118c8c; text-align: right; letter-spacing: 2px; margin-bottom: 30px; }
.product .item3 .b_title i{ display:inline-block; width: 25px; height: 5px; background: #118c8c; margin-bottom: 10px; }

.product .item4{ padding:15px 10px; overflow: hidden; background: #fff; position: relative; padding-right: 30px; }
.product .item4 .img{ margin-bottom: 10px;}
.product .item4 .title{ color: #323333; font-size:12px; overflow: hidden; float: left;margin-right:5px; }
.product .item4 .title b{ display: inline-block; color: #231815; font-size: 16px; border-bottom: #231815 1px solid; margin-bottom: 3px; padding: 0 8px; }
.product .item4 .detail{ font-size: 12px; color: #888888; box-sizing: border-box; overflow: hidden; text-align: justify; }
.product .item4 .b_title{ font-size: 28px; color: #118c8c; text-align: right; }
.product .item4 .b_title i{ display:inline-block; width: 50px; height: 10px; background: #118c8c; margin-bottom: 15px; }
.product .item4 .subs{ position: absolute; z-index: 100; width:30px; height:40%; top: 15px; right:0px; display: inline-block;writing-mode:vertical-lr; writing-mode: tb-lr; font-size:14px; color: #231815; text-align: center;  }
.product .item4 .subs span{ background: #fff; display: inline-block;padding: 10px 0; vertical-align: middle; position: relative; left: 20%; }
.product .item4 .subs:after{ content: ''; display: inline-block; position: absolute; z-index: -1; border-left: #231815 1px solid; left: 50%; width: 1px; height: 100%; top: 0; }
.product .item4 .pic{ display: none; }


.product .item5{ padding:15px 10px;  overflow: hidden; background: #fff; position: relative; padding-left: 30px;  }
.product .item5 .img{ margin-bottom: 10px; }
.product .item5 .title{ color: #323333; font-size: 12px; overflow: hidden;float: right;margin-left:5px; }
.product .item5 .title b{ display: inline-block; color: #231815; font-size: 16px; border-bottom: #231815 1px solid;margin-bottom: 3px; padding: 0 8px; }
.product .item5 .detail{ font-size: 12px; color: #888888; box-sizing: border-box; overflow: hidden; text-align: justify; }
.product .item5 .b_title{ font-size: 28px; color: #118c8c; text-align: right; }
.product .item5 .b_title i{ display:inline-block; width: 50px; height: 10px; background: #118c8c; margin-bottom: 15px; }
.product .item5 .subs{  position: absolute; z-index: 100; width:30px; height:45%; top: 15px; left:0px; display: inline-block;writing-mode:vertical-lr; writing-mode: tb-lr; font-size:14px; color: #231815; text-align: center;  }
.product .item5 .subs span{ background: #fff; display: inline-block;padding: 20px 0; vertical-align: middle; position: relative; left: 20%; }
.product .item5 .subs:after{ content: ''; display: inline-block; position: absolute; z-index: -1; border-left: #231815 1px solid; left: 50%; width: 1px; height: 100%; top: 0; }
.product .item5 .pic{ display: none; }


.product1-banner{ overflow: hidden; width: 100%;  border-bottom: #28a3ac 2px solid;}
.product1-banner .text{ display: none;}

.about-banner{ overflow: hidden; width: 100%;  overflow: hidden;}
.about-banner li,.about-banner ul{ height: 100%; width: 100%; position: relative;  }
.about-banner .text{ position: absolute; left:0; top:30%; font-size: 14px; color: #fff;-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out; text-align: center; line-height: 1.5; width: 100%; }
.about-banner .c{ display: none;}
.about{ display: none;}

.introduce{  overflow: hidden; padding: 15px 10px; }
.introduce .pic{ float: right; margin-left:10px; width: 45%; box-sizing: border-box; margin-bottom: 10px; }
.introduce .title{ font-weight: 700;  overflow: hidden; display: block;  font-size: 14px; color: #303233;line-height: 1.2; margin-bottom: 10px; }
.introduce .title i{ width: 15px; height: 15px; background: url(../images/about/meau_icon01.png) no-repeat center center; display: none; background-size: 100%; float: left; margin-right:5px; }
.introduce .title span{ color: #575757; font-size: 12px; margin-left:5px; }
.introduce .text01{ text-align: justify; font-size: 12px; margin-bottom:8px; }
.introduce .text01 p{ text-indent:24px; margin-bottom: 5px;}
.introduce .pic02{ display: none;}
.introduce .text02,.introduce .text03{ font-size: 12px;text-align: justify; margin-bottom: 5px;}
.introduce .r p{ margin-bottom: 10px; }


.culture{ padding:15px 10px;background:#f7f7f7; background-size: 100%; }
.culture .title{ font-weight: 700;  overflow: hidden; display: block;  font-size: 14px; color: #303233;line-height: 1.2; margin-bottom: 10px;}
.culture .title i{width: 15px; height: 15px; background: url(../images/about/meau_icon02.png) no-repeat center center; background-size: 100%; float: left; margin-right: 5px; display: none; }
.culture .title span{ color: #575757; font-size: 12px; margin-left:5px;}
.culture .con{ overflow: hidden; border-bottom: #c0c0c0 1px solid; padding-bottom: 15px; }
.culture .con li{ float: left; width: 33.33%; padding-right: 10px; box-sizing: border-box; font-size: 12px; }
.culture .con li:last-child{ padding-right: 0; }
.culture .con li i{ width: 30px; height: 30px; border:#56adb7 3px solid; display: inline-block; position: relative; margin-bottom: 10px; font-style:normal; color: #333; font-size: 12px; }
.culture .con li i span{ background: #f7f7f7; position: absolute; z-index:100; white-space: nowrap;  left:60%; top: 25%; line-height: 1.2; }
.culture .con li .icon01{ border-color: #56adb7; }
.culture .con li .icon02{ border-color: #f0bf59; }
.culture .con li .icon03{ border-color: #68bde5; }
.culture .con li .t{ font-size: 12px; margin-bottom: 5px; }


.spirit{ padding:15px 10px;background:#f7f7f7 ; }
.spirit .title{ font-weight: 700;  overflow: hidden; display: block;  font-size: 14px; color: #303233;line-height: 1.2; margin-bottom: 10px; }
.spirit .title i{width: 15px; height: 15px;background: url(../images/about/meau_icon06.png) no-repeat center center; background-size: 100%; float: left; margin-right: 5px; display: none; }
.spirit .title span{color: #575757; font-size: 12px; margin-left:5px;}

.spirit .t{display: block;  font-size:14px; color: #52a4ad;text-align: center; line-height: 1.5;  margin-bottom:15px; text-decoration: underline;}
.spirit .con{ overflow: hidden; font-size: 12px; }
.spirit .pic{ display: none;}
.spirit .indent{ text-indent: 24px; margin-bottom: 5px;}
.spirit ul{ margin-bottom:5px;}
.spirit li{ padding-left:12px;  position: relative; margin-bottom:5px;}
.spirit li:before{ content: ''; width: 5px; height: 5px; display: inline-block; position: absolute; z-index:100; left:0; top: 15px; background: #56adb7; }

.cooper{padding:15px 10px; overflow: hidden; }
.cooper .title{ font-weight: 700; overflow: hidden; display: block;  font-size: 14px; color: #303233;line-height: 1.2; margin-bottom: 10px; }
.cooper .title i{ width:15px; height:15px; background: url(../images/about/meau_icon03.png) no-repeat center center;background-size: 100%; float: left; margin-right: 10px;display: none;  }
.cooper .title span{color: #575757; font-size: 12px; margin-left:5px; }
.cooper .tips{ overflow: hidden; text-align: center; text-align: center; font-size: 12px; margin-bottom: 10px; text-align: justify; }
.cooper .lists{ overflow: hidden; }
.cooper .lists dl{ overflow: hidden; margin-bottom:10px; padding:5px; background: #efefef; }
.cooper .lists dt{ float: left; margin-right: 10px; width:100px; }
.cooper .lists dd{ overflow: hidden; font-size: 12px; }
.cooper .lists .t{ text-align: center; overflow: hidden; margin-top: 3%; }
.cooper .lists .c{ display:none; }


.recruit{ padding:15px 10px;  }
.recruit .title{ font-weight: 700;  overflow: hidden; display: block;  font-size: 14px; color: #303233;line-height: 1.2; margin-bottom: 10px;   }
.recruit .title i{ width:15px; height:15px; background: url(../images/about/meau_icon03.png) no-repeat center center;background-size: 100%; float: left; margin-right: 10px; display: none; }
.recruit .title span{ color: #575757; font-size: 12px; margin-left:5px;}
.recruit .tips{ display: none;}
.recruit .con{ overflow: hidden; font-size: 12px; line-height: 1.5; }
.recruit .con dt{ font-size: 15px; font-weight: 700; }
.recruit .con dl{ margin-bottom:15px; border-bottom: #cecece 1px solid; padding-bottom: 15px; }
.recruit .con dl:last-child{ border-bottom: none; }
.recruit .con dd{ margin-bottom: 10px; }


.news-banner{ overflow: hidden; width: 100%; height: 120px;  overflow: hidden; border-bottom: #28a3ac 2px solid;}
.news-banner li{background-position: top center; background-size:auto 100%;}
.news-banner li,.news-banner ul{ height: 100%; width: 100%;  }
.news-banner .text{ position: absolute; left:5%; top:15%;display: inline-block; border-bottom: #52a4ad 2px solid; font-size:16px; color: #303233;-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;line-height: 1.2;  }
.news-banner .text i{ width: 20px; height: 20px; background: url(../images/news/news_icon01.png) no-repeat center center; background-size: 100%; float: left; margin-right: 5px; }
.news-banner .text span{ color: #575757; font-size: 12px; display: block; padding: 2px 0; transform: scale(0.8); margin-left: -10%; }
.news{ padding: 15px 10px;}
.news .lists{ overflow: hidden; margin-bottom: 10px;}
.news .lists .item{ line-height: 40px; padding: 0 10px; overflow: hidden; display: block;}
.news .lists .item .right{ overflow: hidden; position: relative; }
.news .lists .item .title{ font-size: 12px; overflow: hidden; width: 70%; white-space: nowrap; text-overflow: ellipsis; }
.news .lists .item .title:before{ content: '>'; font-family: ''; font-size:16px; font-weight: 700; color: #28a3ac; display: inline-block; margin-right: 10px; }
.news .lists .item:nth-child(2n){ background: #efefef; }
.news .lists .item .time{ position: absolute; z-index: 100; right: 0; top: 0; font-size: 12px; color: #999; }
.news .lists .item .detail,.news .lists .item .pic{ display: none; }
.news .lists .hover{ overflow: hidden; margin-bottom: 15px; background: #fff; padding: 0;line-height: 1.5;  }
.news .lists .item.hover:nth-child(2n){ background: #fff; }
.news .lists .hover .pic{ float: left; margin-right:10px; display: block; width:40%;}
.news .lists .hover .title{ font-size:14px; font-weight: 700; width: 100%; }
.news .lists .hover .title:before{display: none;}
.news .lists .hover .time{ display: block; position:static; text-align: right;}
.news .lists .hover .detail{ font-size: 12px; display: block; line-height: 1.4; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden; }
.article{ overflow: hidden; padding: 15px 0; }
.article .title{ font-size: 16px; text-align: center; margin-bottom: 5px; }
.article .subs{ color: #999; font-size: 12px; text-align: center; margin-bottom: 15px; }
.article .detail{ font-size: 12px; line-height:1.8; color: #666; }
.news .other{ border-top: #cecece 1px solid; padding: 15px 0; font-size: 12px; color: #666;}
.news .other a{ display: block; margin-bottom: 10px; }

#pagernew{ overflow:hidden; padding:10px 0; text-align:center; clear:both; zoom:1; font-size:12px;line-height:25px;color:#333;}
#pagernew:after{clear:both;height:0;overflow:hidden;}
#pagernew a{color:#333; border:#e0e0e0 1px solid; line-height:25px; display:inline-block; padding:0 10px; margin-bottom: 5px;}
#pagernew a.disabled{ color:#999; cursor:default;}
#pagernew .now{border: 1px solid #2ba4a6;padding:0 10px;color: #2ba4a6;cursor:default;}
#pagernew .text{width: 40px; border: #e0e0e0 1px solid;height: 25px; text-align:center;}
#pagernew .select{width:50px;height:27px; text-align:center;border:1px solid #e0e0e0;color:#333;}
#pagernew .btn{ border:#e6e6e6 1px solid; height:25px; width:50px; text-align:center; background-color:#fff; cursor:pointer; box-shadow:rgba(0,0,0,0.1) 1px 1px 1px; color:#666;}

.pagernew{ overflow:hidden; padding:10px 0; text-align:center; clear:both; zoom:1; font-size:12px;line-height:25px;color:#333;}
.pagernew li{ display: inline-block; margin-bottom: 5px; }
.pagernew:after{clear:both;height:0;overflow:hidden;}
.pagernew li a{color:#333; border:#e0e0e0 1px solid; line-height:25px; display:inline-block; padding:0 10px;}
.pagernew li.disabled span{ color:#999; cursor:default;border:#e0e0e0 1px solid; line-height:25px; display:inline-block; padding:0 10px;}
.pagernew li.active a{border: 1px solid #2ba4a6;padding:0 10px;color: #2ba4a6;cursor:default;}
.pagernew .text{width: 40px; border: #e0e0e0 1px solid;height: 25px; text-align:center;}
.pagernew .select{width:50px;height:27px; text-align:center;border:1px solid #e0e0e0;color:#333;}
.pagernew .btn{ border:#e6e6e6 1px solid; height:25px; width:50px; text-align:center; background-color:#fff; cursor:pointer; box-shadow:rgba(0,0,0,0.1) 1px 1px 1px; color:#666; display: inline-block;}